<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>京东购物车</title>
    <link rel="stylesheet" href="./购物车.css">
</head>

<body>
    <div class="cartBox">
        <table>
            <!--表头-->
            <tr class="title">
                <th colspan="5">全部商品9</th>
                <th colspan="3">
                    配送至:
                    <span>
                        河南省平顶山市宝丰县
                    </span>
                </th>
            </tr>
            <!--内容-->
            <tr class="head">
                <td>
                    <input type="checkbox">
                </td>
                <td>
                    全选
                </td>
                <td colspan="2">
                    商品
                </td>
                <td style="text-align:center;">
                    单价
                </td>
                <td style="text-align:center;">
                    数量
                </td>
                <td style="text-align:center;">
                    小计
                </td>
                <td>
                    操作
                </td>
            </tr>
            <!--商品店铺-->
            <tr class="shop">
                <td>
                    <input type="checkbox">
                </td>
                <td colspan="7">
                    <a href="#"></a> 联想京东自营旗舰店
                </td>
            </tr>
            <!--商品信息-->
            <tr class="goods">
                <td>
                    <input type="checkbox">
                </td>
                <td>
                    <img
                        src="https://img10.360buyimg.com/n0/s80x80_jfs/t1/72057/16/22633/55086/6360f72eE7f281657/72c0bd57febd63f8.jpg.dpg">
                </td>
                <td>
                    <span>联想拯救者Y9000P 英特尔酷睿i9 16英寸游戏笔记本电脑(12代 i9-12000k)</span>
                </td>
                <td>
                    <span>专业电竞Y9000P</span>
                    <span>【销量先锋】i9/RTX3060</span>
                </td>
                <td>
                    ￥9,299.00
                </td>
                <td>
                    <span class="number" value="1">
                        <span>-</span>
                        <input type="number">
                        <span>+</span>
                    </span>
                </td>
                <td>
                    ¥9299.00
                </td>
                <td>
                    <span>删除</span>
                </td>
            </tr>
        </table>
        <div class="js">          
           <div> <input type="checkbox"></div>          
            <div>全选</div>
            <div>删除选中</div>
            <div>移入关注</div>
            <div>清理购物车</div>
            <div></div>
            <div>已选择
                <span>0</span>
                件商品</div>
            <div>总价格¥0.00</div>
            <div>去结算</div>
        </div>
    </div>
</body>

</html>